<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>选择器的组合</title>
    <style>
        article,div{
            color: hotpink;
        }
        .bar.foo{
            font-size: 35px;
        }
        article>p{
            background-color: khaki;
        }
        body span{
            color:azure;
        }
    </style>
</head>
<body>
    <header>
        <h1>标题</h1>
    </header>
    <p class="bar foo">第1段</p>
<article>
    <p>第2段</p>
    <p>第3段<span>jihgg</span></p>
    <p>第4段<span>weuhuew</span></p>
    <p>第5段</p>
</article>
<div>
    <p>第6段</p>
    <p>第7段</p>
    <p>第8段</p>
    <p>第9段</p>
    <p>第10段</p>

    
</div>

</body>
</html>